<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>达内大学 | 终生学习平台</title>
    <link href="static/dist/css/bootstrap.css" rel="stylesheet" type="text/css">
    <link href="static/dist/css/index.css" rel="stylesheet" type="text/css">
    <script src="static/dist/js/html5shiv.js" type="text/javascript"></script>
    <script src="static/dist/js/respond.min.js" type="text/javascript"></script>

    <![endif]-->
    <!--站点图标-->
    <link rel="shoutcut icon" href="static/dist/imgs/bird.ico">
</head>
<body>
<div id="homepage">
    <div id="view" class="col-lg-3 container navbar-fixed-top visible-lg">
        <div id="vheader" class="row">
            <div class="col-md-2" style="height: 50px;">
                <img src="static/dist/imgs/bird.ico" width="50px"/>
            </div>
            <div class="col-md-8" style="height: 50px;">
                <ul class="nav nav-justified">
                    <li role="presentation"><a href="#" style="font-weight: bold;font-size: 18px">首页</a></li>
                    <li role="presentation"><a href="/doCommunityUI" target="_blank" style="font-weight: bold;font-size: 18px">社区</a></li>
                    <li role="presentation"><a href="#" style="font-weight: bold;font-size: 18px">关于</a></li>
                </ul>
            </div>
            <div id="vlist" class="col-md-2">
                <a href="#"><span class="glyphicon glyphicon-option-horizontal" style="font-size: 28px;margin-top: 10px"></span> </a>
            </div>

        </div>
        <div id="vbody" class="row" style="height: 1000px">
            <div id="vbodydata1" class="show" style="margin-top: 250px; margin-left: 50px;">
                <div>
                    <span style="font-family:'Gotham', Helvetica, Arial, PingFangSC-Regular, 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif; font-size: 32px; font-weight: bolder;letter-spacing: 0.4px;">达内，<br>&emsp;&emsp;一站式提升技术方案</span>
                </div>
                <button type="button" class="btn btn-primary " style="background: transparent;border-color: green;color: green;margin-left: 120px;margin-top: 50px" data-toggle="modal" data-target="#login" data-whatever="@mdo">登陆</button>
                <button type="button" class="btn btn-primary" style="background: transparent;border-color: green;color: green;margin-top: 50px" data-toggle="modal" data-target="#register" data-whatever="@fat">注册</button>

            </div>
            <div id="vbodydata2" class="hidden" style="text-align: center;font-weight: bolder;margin-top:50%;margin-bottom: 50%">
                <div class="list-group" style="font-weight: bold;font-size: 18px;border: 1px none transparent;background-color:none;">
                    <a href="http://www.tmooc.cn/" class="list-group-item">
                        在线学习
                    </a>
                    <a href="/doProjectUI" class="list-group-item">开源项目</a>
                    <a href="/doManageUI" class="list-group-item">后台管理</a>
                    <a href="#" class="list-group-item">社区申请</a>
                    <a href="#" class="list-group-item">关于我们</a>
                    <button type="button" class="btn btn-primary" style="background: transparent;border-color: green;color: green;margin-left: 0px;margin-top: 50px" data-toggle="modal" data-target="#login" data-whatever="@mdo">登陆</button>
                    <button type="button" class="btn btn-primary" style="background: transparent;border-color: green;color: green;margin-top: 50px" data-toggle="modal" data-target="#register" data-whatever="@fat">注册</button>
                </div>
            </div>

        </div>
    </div>
    <div id="tag" class="col-lg-9 container-fluid row" style="float: right;margin: 0px;padding: 0px">
        <!--巨幕-->
        <div class="jumbotron" style="margin: 0px;background: url('static/dist/imgs/study.jpg') fixed ;background-size: cover">
            <button type="button" class="btn btn-primary hidden-lg" style="background: transparent;border-color: green;color: green;margin-left: 0px;margin-top: 0px" data-toggle="modal" data-target="#login" data-whatever="@mdo">登陆</button>
            <button type="button" class="btn btn-primary hidden-lg" style="background: transparent;border-color: green;color: green;margin-top: 0px" data-toggle="modal" data-target="#register" data-whatever="@fat">注册</button>
            <div class="dropdown hidden-lg" style="float: right">
                <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" style="background-color:transparent;border-color: transparent;color: white;font-size: large">
                    <span class="glyphicon glyphicon-th-list" aria-hidden="true"></span>
                </button>
                <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenu1">
                    <li><a href="http://www.tmooc.cn/">在线学习</a></li>
                    <li><a href="/doProjectUI">开源项目</a></li>
                    <li><a href="#">社区申请</a></li>
                    <li role="separator" class="divider"></li>
                    <li><a href="/doManageUI">后台管理</a></li>
                </ul>
            </div>
            <div class="container">
                <h1 style="color: silver;text-shadow: #0E0E0E 5px 5px">Welcome to Tarena University</h1>
                <p style="color: silver;text-shadow: #0E0E0E 2px 2px;margin-left: 50%">我爱学习,我爱工作,smile~</p>
                <p><a class="btn btn-primary btn-lg" href="/doCommunityUI" role="button" style="background:transparent;border-color: black;color: black">进入社区</a></p>
            </div>
        </div>
        <!--轮播图-->
        <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
            <!-- Indicators -->
            <ol class="carousel-indicators">
                <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                <li data-target="#carousel-example-generic" data-slide-to="2"></li>
            </ol>

            <!-- Wrapper for slides -->
            <div class="carousel-inner" role="listbox">
                <div class="item active">
                    <img src="static/dist/imgs/teacher.png" alt="..." style="width: 100%;">
                    <div class="carousel-caption">
                    </div>
                </div>
                <div class="item">
                    <img src="static/dist/imgs/collection.png" alt="..." style="width: 100%;">
                    <div class="carousel-caption">
                    </div>
                </div>
                <div class="item">
                    <img src="static/dist/imgs/consult.png" alt="..." style="width: 100%;">
                    <div class="carousel-caption">
                    </div>
                </div>
            </div>

            <!-- Controls -->
            <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                <span class="sr-only">Previous</span>
            </a>
            <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                <span class="sr-only">Next</span>
            </a>
        </div>
        <!--功能块-->
        <div class="page-header">
            <h1 style="text-align: center">达内精选&nbsp;<span class="glyphicon glyphicon-cloud" aria-hidden="true"></span><small><br>精彩人生,社区精选</small></h1>
        </div>
        <div id="functionblock">
            <div class="row">
                <div class="col-sm-6 col-md-4" style="padding-top: 5%;padding-left: 5%">
                    <div class="thumbnail" style="border: 0px">
                        <img src="static/dist/imgs/getposition.png" alt="..." class="img-responsive center-block">
                    </div>
                </div>
                <div class="col-sm-6 col-md-4" style="padding-top: 5%;padding-left: 5%">
                    <div class="thumbnail" style="border: 0px">
                        <img src="static/dist/imgs/javafriend.jpg" alt="..." class="img-responsive center-block" >
                    </div>
                </div>
                <div class="col-sm-6 col-md-4" style="padding-top: 5%;padding-left: 5%">
                    <div class="thumbnail" style="border: 0px">
                        <img src="static/dist/imgs/996ICU.jpg" alt="..." class="img-responsive center-block" >
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="login" tabindex="-1" role="dialog" aria-labelledby="loginLabel" style="font-family: FZShuiZhu-M08S">
    <div class="modal-dialog" role="document" >
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h1>登录<small> | login</small></h1>
            </div>
            <div class="modal-body" >
                <form>
                    <div class="form-group" style="margin-left: 5%" >
                        <label for="loginUsername" class="control-label ">账号:</label>
                        <input type="text" class="form-control" id="loginUsername" style="width: 80%;">
                    </div>
                    <div class="form-group" style="margin-left: 5%">
                        <label for="loginPassword" class="control-label">密码:</label>
                        <input type="password" class="form-control" id="loginPassword" style="width: 80%"></input>
                    </div>
                    <div class="checkbox" style="margin-left: 5%">
                        <label>
                            <input type="checkbox" > 记住密码
                        </label>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" id="btn_loginClose" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" id="btn_login">登录</button>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="register" tabindex="-1" role="dialog" aria-labelledby="registerLabel" style="font-family: FZShuiZhu-M08S">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h1>注册<small> | register</small></h1>
            </div>
            <div class="modal-body">
                <form id="registerForm">
                    <div class="form-group" style="margin-left: 5%">
                        <label for="registerUsername" class="control-label">账号:</label>
                        <input type="text" class="form-control" id="registerUsername" style="width: 80%">
                        <span id="usernameLegalInfo"></span>
                    </div>
                    <div class="form-group" style="margin-left: 5%">
                        <label for="registerPassword" class="control-label">密码:</label>
                        <input type="password" class="form-control" id="registerPassword" style="width: 80%">
                        <span id="passwordLegalInfo"></span>
                    </div>
                    <div class="form-group" style="margin-left: 5%">
                        <label for="registerConfirmPassword" class="control-label">确认密码:</label>
                        <input type="password" class="form-control" id="registerConfirmPassword" style="width: 80%">
                        <span id="confirmPasswordLegalInfo"></span>
                    </div>
                    <div class="form-group" style="margin-left: 5%">
                        <label for="registerPhoneNumber" class="control-label">手机号:</label>
                        <div class="input-group">
                            <span class="input-group-addon" id="basic-addon3">+86</span>
                            <input type="tel" class="form-control" id="registerPhoneNumber" aria-describedby="basic-addon3" style="width: 60%">
                            <button type="button" class="btn btn-info" id="btn_mobileComfirm">获取验证码</button>

                        </div>
                        <div id="mobileLegalInfo"></div>
                    </div>
                    <div class="form-group" style="margin-left: 5%">
                        <label for="registerPhoneComfirmNumber" class="control-label">手机验证码:</label>
                        <input type="text" class="form-control" id="registerPhoneComfirmNumber" style="width: 30%">
                        <span id="comfirmMobileLegalInfo"></span>
                    </div>
                    <div class="form-group" style="margin-left: 5%">
                        <label class="control-label">您的位置:</label>
                        <div>
                            <select class="form-control" id="cityLocation" style="width: 20%;display: inline-block">
                                <option>北京</option>
                                <option>武汉</option>
                                <option>深圳</option>
                                <option>珠海</option>
                                <option>广州</option>
                            </select>
                            <select class="form-control" id="schoolLocation" style="width: 30%;display: inline-block">
                                <option value="2">北京中关村中心</option>
                                <option value="5">武汉洪山中心</option>
                                <option value="4">深圳中心</option>
                                <option value="1">珠海中心</option>
                                <option value="3">广州中心</option>
                            </select>
                            <select class="form-control" id="classLocation" style="width: 25%;display: inline-block">
                                <option value="2">CGB1904</option>
                                <option value="6">CGB1906</option>
                            </select>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button id="btn_close" type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" id="btn_register">注册</button>
            </div>
        </div>
    </div>
</div>

<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script src="static/dist/js/jquery.js" type="text/javascript"> </script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script src="static/dist/js/bootstrap.js" type="text/javascript"></script>
<script src="static/dist/js/index.js" type="text/javascript"></script>


<script src="static/dist/js/user_register.js" type="text/javascript"></script>


</body>
</html>